<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>您好！欢迎订桌</title>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport">
<!-- Mobile Devices Support @begin -->
<meta content="application/xhtml+xml;charset=UTF-8" http-equiv="Content-Type">
<meta content="no-cache,must-revalidate" http-equiv="Cache-Control">
<meta content="no-cache" http-equiv="pragma">
<meta content="0" http-equiv="expires">
<meta content="telephone=no, address=no" name="format-detection">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<meta name="apple-mobile-web-app-capable" content="yes" />
<!-- apple devices fullscreen -->
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<!-- Mobile Devices Support @end -->
<link rel="stylesheet" type="text/css" href="FortAwesome/docs/assets/css/font-awesome.css">
<link rel="stylesheet" type="text/css" href="style.css" />
<script type="text/javascript">
   var _global = {};
	   _global.spm = {};

document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {WeixinJSBridge.call('hideToolbar');});
</script>
<script type="text/javascript" src="js/jquery-2.0.3.min.js"></script>
<script type="text/javascript" src="js/My97DatePicker/WdatePicker.js"></script>
</head>

<body>
<div class="body tablebg">
  <div class="clockbody"> <a href="javascript:history.go(-1);" class="nback">返回</a>
    <div class="clock"> <img src="images/clock.png" alt="钟"> </div>
    <h3><img src="images/ninhao.png" alt="您好！欢迎订桌"></h3>
    <p class="tnum">现在还空闲<b>10</b>张桌</p>
    <form class="order-form">
      <p class="ydtxt clearfix"><span class="floatl">预订时间：</span>
        <input id="d12" type="text" class="floatl" name="time" value="" onClick="WdatePicker()"/>
        <i onclick="WdatePicker({el:$dp.$('d12')})" class="icon-caret-down floatl"></i> </p>
      <p class="ydtxt clearfix"><span class="floatl">人数：</span>
        <input type="text" class="floatl" name="number" value="">
      </p>
      <p class="ydbtn"><a href="javascript:$('#shade').toggleClass('on');">马上预订</a></p>
      <article id="shade" class="shade" onclick="$('#shade').toggleClass('on')">
        <ul class="yd-detail">
          <li>预订时间：<b>8:00</b></li>
          <li>预订人数：<b>6人</b></li>
        </ul>
        <p class="detail-btn"><a class="fh">我反悔了</a>
          <button type="submit" class="qd orange-btn">我确定了</button>
        </p>
      </article>
    </form>
  </div>
  <!--clockbody--> 
  
  <!--下导航-->
  <div class="js-navmenu nav-on-bottom style-2">
    <div class="nav-menu has-menu-3"> <a href="/index.html" class="icon-home"></a>
      <div class="divide">&nbsp;</div>
      <div class="one"> <a class="mainmenu js-mainmenu" href="javascript:void(0);"> <i class="arrow-weixin"></i> 菜品 </a>
        <div class="submenu js-submenu"> <span class="arrow before-arrow"></span> <span class="arrow after-arrow"></span>
          <ul>
            <li> <a href="foodlist.html"> 火锅 </a> </li>
            <li> <a href="foodlist.html"> 地方菜 </a> </li>
            <li> <a href="foodlist.html"> 西餐 </a> </li>
            <li> <a href="foodlist.html"> 快餐 </a> </li>
          </ul>
        </div>
      </div>
      <div class="divide">&nbsp;</div>
      <div class="one"> <a class="mainmenu js-mainmenu" href="javascript:void(0);"> <i class="arrow-weixin"></i> 订位 </a>
        <div class="submenu js-submenu"> <span class="arrow before-arrow"></span> <span class="arrow after-arrow"></span>
          <ul>
            <li> <a href="foodlist.html"> 我要订位 </a> </li>
            <li> <a href="membercenter.html"> 会员中心 </a> </li>
          </ul>
        </div>
      </div>
      <div class="divide">&nbsp;</div>
      <div class="one"> <a class="mainmenu js-mainmenu" href="javascript:void(0);"> <i class="arrow-weixin"></i> VIP </a>
        <div class="submenu js-submenu"> <span class="arrow before-arrow"></span> <span class="arrow after-arrow"></span>
          <ul>
            <li> <a href="register.html"> 我要成为VIP </a> </li>
            <li> <a href="score.html"> 积分兑换 </a> </li>
          </ul>
        </div>
      </div>
      <div class="divide">&nbsp;</div>
      <div class="one"> <a class="mainmenu js-mainmenu" href="javascript:void(0);"> <i class="arrow-weixin"></i> 订单 </a>
        <div class="submenu js-submenu"> <span class="arrow before-arrow"></span> <span class="arrow after-arrow"></span>
          <ul>
            <li> <a href="order.html"> 我的订单 </a> </li>
          </ul>
        </div>
        <!--submenu js-submenu--> 
      </div>
      <!--one--> 
    </div>
  </div>
  <!--nav-on-bottom下导航结束--> 
</div>
<!--body--> 
<script type="text/javascript" src="js/wap.min.js"></script>
</body>
</html>